<!-- 短信 -->
<template>
    <div class=''>
        <a-form-model ref="ruleForm" :model="form" :label-col="labelCol" :wrapper-col="wrapperCol">
            <a-form-model-item label="短信账号">
                <span>abc123</span>
            </a-form-model-item>
            <a-form-model-item label="剩余条数">
                <span>987条</span>
                <a-button type="primary" style="margin-left: 10px;">刷新</a-button>
            </a-form-model-item>
            <a-form-model-item label="预警条数">
                <div style="display: flex;">
                    <a-input v-model="form.zuoji" placeholder="预警条数" />
                    <span style="flex-shrink: 0;">（短信条数低于多少即发送提醒短信）</span>
                </div>
            </a-form-model-item>
            <a-form-model-item label="接受手机号">
                <div style="display: flex;">
                    <a-input v-model="form.zuoji" placeholder="用于接受预警手机号" />
                    <span style="flex-shrink: 0;">（用于接受预警的手机号）</span>
                </div>
            </a-form-model-item>
            <a-form-model-item :wrapper-col="{ span: 14, offset: 4 }">
                <a-button type="primary" @click="onSubmit">
                    保存
                </a-button>
            </a-form-model-item>
        </a-form-model>
    </div>
</template>

<script>

export default {
    components: {},
    data() {
        return {
            labelCol: { span: 4 },
            wrapperCol: { span: 14 },
            form: {
                organ1: undefined,
                organ2: undefined,
                type: undefined,
                zuoji: undefined,
                person: undefined,
                phoneNum: undefined,
                email: undefined,
                address: undefined,
                logoUrl: undefined,
                imgUrl: undefined,
                desc: undefined
            },
        }
    },
    computed: {},
    watch: {},
    methods: {

    },
    created() {

    },
    mounted() {

    },
}
</script>
<style scoped>
</style>